<template>
  <ul class="leftaside">
    <li class="iconfont icon-1 leftItem" @click="toSecondRouter(1)">
      &nbsp;首页
    </li>
    <li class="iconfont icon-paiban leftItem" @click="toSecondRouter(2)">
      &nbsp;排班
    </li>
    <li class="iconfont icon-yuyue leftItem" @click="toSecondRouter(3)">
      &nbsp;预约
    </li>
    <li class="iconfont icon-wenzhen leftItem" @click="toSecondRouter(4)">
      &nbsp;问诊
    </li>
    <li class="iconfont icon-xiangmu leftItem" @click="toSecondRouter(5)">
      &nbsp;项目
    </li>
    <li class="iconfont icon-huiyuan leftItem" @click="toSecondRouter(6)">
      &nbsp;会员
    </li>
  </ul>
</template>

<script>
export default {
  name: "Leftaside",
  data() {
    return {
      current: 0,
    };
  },
  methods: {
    toSecondRouter(id) {
      switch (id) {
        case 1:
          this.$router.push("/home/hellow");
          break;
        case 3:
          this.$router.push("/home/reservation");
          break;
        case 4:
          this.$router.push("/home/inquiry");
          break;
        case 5:
          this.$router.push("/home/projectSort");
          break;
        case 6:
          this.$router.push("/home/member");
          break;
        default:
          this.$router.push("/home/hellow");
      }
    },
  },
};
</script>

<style lang="less" scoped>
.leftaside {
  // width: 100%;
  height: 364px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  .leftItem {
    width: 100%;
    // height: 100%;
    height: 16.7%;
    line-height: 100%;
    padding-top: 10%;
    box-sizing: border-box;
    color: #bfcbd9;
    cursor: pointer;
    &:hover {
      background-color: #48576a;
    }
  }
}
</style>
